<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $global, $fn } = props.ujt;
</script>

<template>
    <div>{{ $global.lang.testkdd?.testkddtit }}</div>
    <div>{{ $global.lang.asai.testtit }}</div>
    <div>{{ $fn.lg('asai.testtit') }}11</div>
    <div>{{ $fn.lg('asai.testkdd', ['aaaa', 'bbb', 'ccc']) }}22</div>
    <div>{{ $fn.lg('asai.testkk', 'xxx') }}33</div>
    <button @pointerdown="$fn.changelangpro('auto')">切换语言</button>
    <button
        v-for="item in Object.keys($global.lang.langs)"
        @pointerdown="$fn.changelangpro(item)"
    >
        {{ $global.lang.langs[item] }}
    </button>
</template>

<style scoped lang="scss">
button {
    height: 38px;
    padding: 0 12px;
    margin-right: 12px;
    background-color: var(--cm8);
    color: var(--cm0);
}
</style>
